<!DOCTYPE html>
<style>
ul>li::selection { background: red; }
ol>li::selection { background: yellow; }
</style>
<div>
  Test passes if backgrounds of list style in ul and ol are each red and yellow.
  <ul>
    <li>One</li>
    <li>Two</li>
  </ul>
  <ol>
    <li>One</li>
    <li>Two</li>
  </ol>
</div>
<script>
var range = document.createRange();
range.setStartBefore(document.querySelector('ul'));
range.setEndAfter(document.querySelector('ol'));
getSelection().addRange(range);
</script>
